/* pages/my/preferentialCenter/preferentialCenter.wxss */
.container {
    background: #f8f8f8;
    width: 100vw;
    min-height: 100vh;
    .box {
        display: flex;
        flex-direction: column;
        .item {
            padding: 10rpx;
            display: flex;
            margin-bottom: 20rpx;
            .left {
                padding: 20rpx;
                background: #fff;
                width: 30%;
                display: flex;
                flex-direction: column;
                align-items: center;
                border-bottom-right-radius: 20rpx;
                border-top-right-radius: 20rpx;
                .title {
                    display: flex;
                    align-items: center;
                    font-size: 26rpx;
                    margin-bottom: 80rpx;
                    .num {
                        font-weight: 700;
                        font-size: 34rpx;
                    }
                }
                .type {
                    width: 150rpx;
                    text-align: center;
                    font-size: 22rpx;
                    color: #dc6891;
                    background: #f5dbe4;
                    padding: 5rpx 0;
                }
            }

            .line {
                margin-top: 20rpx;
                height: 210rpx;
                border: 2rpx dashed #ccc;
            }

            .right {
                padding: 20rpx;
                background: #fff;
                flex: 1;
                display: flex;
                flex-direction: column;
                border-bottom-left-radius: 20rpx;
                border-top-left-radius: 20rpx;
                font-size: 20rpx;
                .top {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    font-size: 26rpx;
                    margin-bottom: 20rpx;
                    .title {
                        font-weight: 700;
                        height: 100rpx;
                    }
                    .btn {
                        margin: 0;
                    }
                }
                .time {
                    margin-bottom: 10rpx;
                }
            }
        }
    }
    .content-container {
        display: flex;
        flex-direction: column;
        color: #777;
    }
    .sx {
        opacity: .5;
    }
}
